﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>无线点餐管理系统</title>
    <link rel="stylesheet" href="${ctx}/sys/css/public.css"/>
    <link rel="stylesheet" href="${ctx}/sys/css/style.css"/>
</head>
<body>
<!--头部-->
<header class="publicHeader">
    <h1>无线点餐管理系统</h1>
    <div class="publicHeaderR">
        <p><span>下午好！</span><span style="color: #fff21b"> Admin</span> , 欢迎你！</p>
        <a href="${ctx}/login.jsp">退出</a>
    </div>
</header>
<!--时间-->
<section class="publicTime">
    <span id="time">2015年1月1日 11:11  星期一    </span><span id="hours"></span>
    <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
</section>
<!--主体内容-->
<section class="publicMian ">
    <div class="left">
        <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
        <nav>
            <ul class="list">
                <li><a href="${ctx}/getAllDinnerTable">餐桌管理</a></li>
                <li><a href="${ctx}/getAllFoodType">菜系管理</a></li>
                <li><a href="${ctx}/getAllFoodList">菜品管理</a></li>
                <li><a href="${ctx}/getAllOrder">订单管理</a></li>
                <li><a href="${ctx}/login.jsp">退出系统</a></li>
            </ul>
        </nav>
    </div>
    <div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>餐桌管理页面</span>
        </div>
        <div class="search">
            <span>商品名称：</span>
            <input type="text" placeholder="请输入餐桌的名称"/>
            <span>是否付款：</span>
            <select name="fukuan">
                <option value="">--请选择--</option>
                <option value="">已付款</option>
                <option value="">未付款</option>
            </select>

            <input type="button" value="查询"/>
            <span style="font-size: 15px;margin-left: 50px">${msg}</span>
            <a href="${ctx}/gotoAddDinnerTable">添加餐桌</a>
        </div>
        <!--账单表格 样式和供应商公用-->
        <table class="providerTable" cellpadding="0" cellspacing="0">
            <tr class="firstTr">
                <th width="10%">餐桌编码</th>
                <th width="20%">餐桌名称</th>
                <th width="20%">支付状态</th>
                <th width="30%">预定时间</th>
                <th width="20%">操作</th>
            </tr>
            <c:forEach items="${dinnerTableList}" var="dinnerTable">
                <tr>
                    <td>${dinnerTable.tableId}</td>
                    <td>${dinnerTable.tableName}</td>
                    <td>
                        <c:if test="${dinnerTable.tableStatus==0}">
                            空闲
                        </c:if>
                        <c:if test="${dinnerTable.tableStatus==1}">
                            预定
                        </c:if>
                    </td>
                    <td>${dinnerTable.orderDate}</td>
                    <td>
                        <c:if test="${dinnerTable.tableStatus==0}">
                            <a title="空闲" href="${ctx}/editDinnerTableStatus">
                                <input type="button" value="预定" style="width:70px;height:35px">
                            </a>
                        </c:if>
                        <c:if test="${dinnerTable.tableStatus==1}">
                            <a title="空闲" href="${ctx}/editDinnerTableStatus">
                                <input type="button" value="退桌" style="width:70px;height:35px">
                            </a>
                        </c:if>
                        <a href="${ctx}/delDinnerTable/${dinnerTable.tableId}">
                            <input type="button" value="删除" style="width:70px;height:35px">
                        </a>
                    </td>
                </tr>
            </c:forEach>
        </table>
    </div>
</section>
<footer class="footer">
</footer>

<script src="${ctx}/js/jquery-3.2.1.js"></script>
<script src="${ctx}/sys/js/time.js"></script>

</body>
</html>